<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
			*{
				 margin:0;
				 padding:0;
			}
  			.one{
  				 width:200px;
  				 height:400px;
  				 border:1px solid #DDD777;
  				 margin:10px auto;
  			}

  			.two{
  				 height:25px;
  				 line-height:25px;
  				 font-size:20px;
  				 font-family:微软雅黑;
  				 padding-left:10px;
  			}

  			.three{
  				 width:180px;
  				 height:180px;
  				 border:1px solid #FCE5EC;
  				 margin:10px auto;
  			}

  			.four{
  				 margin:0 auto;
  				 text-align:center;
  				 padding-bottom:10px;
  			}
			
			.four input{
				 width:68px;
				 height:23px;
				 margin-top:10px;
			     background-repeat:no-repeat;
			     outline-style:none;
			}
			
			.five{
				 text-align:center;
				 padding-top:20px;
			}
			.five input{
				 width:70px;
				 height:20px;
				 outline-style:none;
				 margin-bottom:5px;
			}
        </style>
    </head>
    <body>

         	<div class="one">
         		<div class="two">
         			个人资料
         		</div>
         		<div class="three">
         			 <img src="img/ali.jpg" >
         		</div>
         		<div class="four">
         		     大莹子
         			 <img src="v.jpg" alt="等级">
         			 <br>
         			 <input type="button" value="微博">
         		</div>
         		<div class="five">
         			 <input type="button" value="加好友"/>
         			 <input type="button" value="发纸条"/>
         			 <input type="button" value="写留言"/>
         			 <input type="button" value="加关注"/>
         		</div>
         	</div>
    </body>
</html>